<!--  -->
<template>
  <div>
    <text-img title="客户案例"
      subTitle="CUSTOMER CASE"
      text="超过50,000+ 企业正在使用四彩云云计算服务"
      source="/static/images/case.jpg"></text-img>
    <b-container class="case-container">
      <b-row>
        <b-col v-for="(i,index) in 4" :key="index" lg="4" cols="11">
          <case-box></case-box>
        </b-col>
      </b-row>
    </b-container>
  </div>
</template>

<script>
import TextImg from '@/components/TextImg'
import CaseBox from './CaseBox'

export default {
  name: 'case',
  data () {
    return {
    }
  },

  components: {
    TextImg,
    CaseBox
  },

  computed: {},

  methods: {}
}

</script>
<style lang='less' scoped>
.case-container {
  padding: 4 * @1rem 0;
  .row>div {
    margin-bottom: 2rem;
    @media @max768 {
        margin: 0 auto 1rem;
    }
  }
  @media @max768 {
    padding: @1rem 0;
  }
}
</style>
